<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8"/>
		<title>Machiavel Fantasy - Accueil</title>
		<script src="js/jquery-2.1.3.min.js"></script>
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<link rel="icon" href="images/icone_site/favicon.png">

		<!-- Bootstrap -->
		<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
		<link 	href="css/bootstrap-theme.css" rel="stylesheet" type="text/css"/>
		<script type="text/javascript" src="js/bootstrap.js"></script>

		<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
		<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
		<!--[if lt IE 9]>
		  <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
		  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
		<![endif]-->

		<link 	href="css/complement.css" rel="stylesheet" type="text/css"/><!--CSS personnaliser-->
	</head>
	<body>
		<?php
			include_once("accessoires/header.html");//logo du site
			include_once("accessoires/menu.html");//barre de menu
			include_once("accessoires/carousel.html");//carousel
		?>
		<div>
		  <div class="col-sm-6 col-md-3">
			<a href="jeux.php" class="thumbnail">
			  <img src="images/icone_site/des.jpg" alt="dés">
			  <div class="caption">
				<h3>Nos jeux</h3><!--lien vers le forum-->
				<p class="text-justify">Coactique aliquotiens nostri pedites ad eos persequendos scandere clivos sublimes etiam si lapsantibus plantis fruticeta prensando vel dumos ad vertices venerint summos, inter arta tamen et invia nullas acies explicare permissi nec firmare nisu valido gressus: hoste discursatore.</p>
			  </div>
			</a>
		  </div>
		  <div class="col-sm-6 col-md-3">
			<a href="forum.php" class="thumbnail">
			  <img src="images/icone_site/forum.png" alt="forum">
			  <div class="caption">
				<h3>Le forum</h3><!--lien vers le forum-->
				<p class="text-justify">Coactique aliquotiens nostri pedites ad eos persequendos scandere clivos sublimes etiam si lapsantibus plantis fruticeta prensando vel dumos ad vertices venerint summos, inter arta tamen et invia nullas acies explicare permissi nec firmare nisu valido gressus: hoste discursatore.</p>
			  </div>
			</a>
		  </div>
		  <div class="col-sm-6 col-md-3">
			<a href="club.php" class="thumbnail">
			  <img src="images/icone_site/machiavel_fantasy.jpg" alt="logo du club">
			  <div class="caption">
				<h3>Le club</h3><!--lien vers le forum-->
				<p class="text-justify">Coactique aliquotiens nostri pedites ad eos persequendos scandere clivos sublimes etiam si lapsantibus plantis fruticeta prensando vel dumos ad vertices venerint summos, inter arta tamen et invia nullas acies explicare permissi nec firmare nisu valido gressus: hoste discursatore.</p>
			  </div>
			</a>
		  </div>
		  <div class="col-sm-6 col-md-3">
			<a href="actualite.php" class="thumbnail">
			  <img src="images/icone_site/info.png" alt="information">
			  <div class="caption">
				<h3>L'actualité</h3><!--lien vers le forum-->
				<p class="text-justify">Coactique aliquotiens nostri pedites ad eos persequendos scandere clivos sublimes etiam si lapsantibus plantis fruticeta prensando vel dumos ad vertices venerint summos, inter arta tamen et invia nullas acies explicare permissi nec firmare nisu valido gressus: hoste discursatore.</p>
			  </div>
			</a>
		  </div>
		</div>
	</body>
</html>